<template>
  <van-nav-bar title="确认订单" left-text="" left-arrow @click-left="
    () => {
      $router.push('/');
    }
  " fixed />
  <div style="height: 45px"></div>
  <van-address-list v-model="chosenAddressId" :list="list" :disabled-list="disabledList" disabled-text="以下地址超出配送范围"
    default-tag-text="默认" @add="onAdd" @edit="onEdit" />
</template>

<script setup>
import { ref } from "vue";
import { showToast } from "vant";

const chosenAddressId = ref("1");
const list = [
  {
    id: "1",
    name: "张三",
    tel: "13000000000",
    address: "浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室",
    isDefault: true,
  },
  {
    id: "2",
    name: "李四",
    tel: "1310000000",
    address: "浙江省杭州市拱墅区莫干山路 50 号",
  },
];
const disabledList = [
  {
    id: "3",
    name: "王五",
    tel: "1320000000",
    address: "浙江省杭州市滨江区江南大道 15 号",
  },
];

const onAdd = () => showToast("新增地址");
const onEdit = (item, index) => showToast("编辑地址:" + index);
</script>

<style></style>
